/*** nav 
body{margin:0; color:#487858;background-color:#f2f2f2;}
***/
/*** Universal Selector: matches any element type ***/
* {
    /***margin:3%;***/
    padding:0;
}

.main {
    width:95%;
}
 


.logo{
    position:fixed;
	top: 0;
	left: 0;
	width:30%;
	height:5%;
    
	
}

.header{
    position:fixed;
	top: 0;
	right:0;
	left: 30%;
	width:65%;
	height:5%;
	text-align:right;
	font-size: 2em;

}


 .content_header{
    position:fixed;
	top:15%;
	left:0;
	background: #E1ECE2;
	width:72%; 
	height:5%;
	display: inline;
	font-size: 2em;
	
}

.content_detail{
    position:fixed;
	top:20%;
	left:0;
	width:72%; 
	height:auto;
    margin:1em 0em 0em 10em  	
}


.profile_header{
    position:fixed;
	top: 15%;
	right:0;	
	background: #E1ECE2;
	width:26%;   
	height:5%;
	display: inline;
	font-size: 2em;
}

.profile_detail{
    position:fixed;
	top: 25%;
	right:0;	
	width:26%;   
	height:10%;
	
}

.stuff_header{
	position:fixed;
	top: 40%;
	right:0;
    background: #E1ECE2;	
	width:26%;   
	height:5%; 
	display: inline;
	font-size: 2em;
}


.stuff_detail{
	position:fixed;
	top: 45%;
	right:0;
 	width:26%;   
	height:40%; 
    	
}


.footer{
	position:fixed;
	top: 90%;
 	width:95%;   
	height:10%; 
    text-align:center;	
}










